{include file="common/header"}
<link rel="stylesheet" type="text/css" href="/themes/template/static/css/element.min.css">
<script type="text/javascript" src="/themes/template/static/js/vue.min.js"></script>
<script type="text/javascript" src="/themes/template/static/js/element.min.js"></script>
<div id="app" v-cloak>
    <div class="el-crumbs">
        <div class="el-warp">
            {volist name="$crumbs" id="item"}
            <a class="{if $item.id == $catalog.id}acitve{/if}" href="{$item.url}">{$item.title}<i class="el-icon-caret-right"></i></a>
            {/volist}
        </div>
    </div>
    <div class="mian">
        <div class="el-warp">
            <el-row :gutter="30">
                {volist name="list" id="item"}
                <el-col :md="6" :sm="24">
                	<a href="{$item.url}" class="item" style="animation-delay: {$key / 10}s;">
						<div>
							<p>{$item.title}</p>
							<p style="white-space: normal;">{$item.address}&nbsp;&nbsp;</p>
							<p style="white-space: normal;">{$item.nickname}<br/></p>
							<p style="white-space: normal;">{$item.phone}</p>
							<p><br/></p>
						</div>
					</a>
                </el-col>
                {/volist}
            </el-row>
            {$page|raw}
        </div>
    </div>
</div>
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                route: "{$catalog.route}",
                keyword: locationUrl.get('keyword'),
            }
        },
        methods: {
            search() {
                location.href = index_url(this.route, {keyword: this.keyword});
            }
        }
    })
</script>
{include file="common/footer"}
